const definedColors = {
  //white
  white: '#fff',

  //blue
  dodgerBlue: '#1E90FF',
  navy: '#0A2550',

  //orange
  orange: '#FD9918',
  chocolate: '#FF7F24',
  turmeric: '#E87607',
  yellow: '#D2D317',

  //red
  firebrick: '#EE4037',
  red1: '#FF848F',

  //green
  seaGreen: '#76EEC6',

  //gray
  grayc5: '#c5c5c5',
  gray33: '#333333',
  gray66: '#666666',
  grayda: '#dadada',
  gray92: '#929292',
  graydc: '#dcdcdc',
  grayf0: '#f0f0f0',
  grayOther: '#EEF1FA',
  grayContent: '#898787',

  pageBg: '#212447',

  //blue
}

const themeColors = {
  primary: definedColors.firebrick,
  title: definedColors.gray33,
  placeholder: definedColors.grayc5,
  divider: definedColors.grayf0,
  pageBg: definedColors.pageBg,
}

export {themeColors, definedColors}
